<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>work02</title>
		<script type="text/javascript" src="./js/jquery-3.6.0.js"></script>
	</head>
	<body>
		记录列表<br />
		姓名: <input type="text" name="name" placeholder="姓名" />
		<br />
		性别:
		<label><input type="radio" name="sex" value="男" checked />男</label>
		<label><input type="radio" name="sex" value="女" />女</label>
		<br>
		爱好:
		<label><input type="checkbox" name="hobby" value="跑步" />跑步</label>
		<label><input type="checkbox" name="hobby" value="游泳" />游泳</label>
		<label><input type="checkbox" name="hobby" value="羽毛球" />羽毛球</label>
		<br />
		地址:
		<select name="addr">
			<option value='北京' selected="selected">北京</option>
			<option value='上海'>上海</option>
			<option value='深圳'>深圳</option>
		</select>
		<br />
		<button onclick="add()">添加</button>
		<br />
		<br />
		姓名:
		<input type="text" name="name2" placeholder="查询姓名" />
		地址:
		<select name="addr_s">
			<option value="">全部</option>
			<option value='北京'>北京</option>
			<option value='上海'>上海</option>
			<option value='深圳'>深圳</option>
		</select>
		<button onclick="sel()">查询</button>
		<br />
		<br />
		<table style="border: solid 1px gray;">
			<thead>
				<tr>
					<td width="50px">ID</td>
					<td width="100px">姓名</td>
					<td width="100px">性别</td>
					<td width="180px">爱好</td>
					<td width="50px">地址</td>
					<td width="100px">操作</td>
				</tr>
			</thead>
			<tbody id="ttbody">
			</tbody>
		</table>

		<!-- <script type="text/jscript" src="./js/demo01.js"></script> -->
		<script type="text/jscript" src="./js/demo02.js"></script>
	</body>
</html>
